<%-- 
    Document   : status
    Created on : 03/01/2013, 04:11:26 PM
    Author     : David
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>guatebay</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <script type="text/javascript" src="js/jquery-1.5.2.js" ></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>
        <script type="text/javascript" src="js/Amaranth_400.font.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <script type="text/javascript" src="js/scroll.js"></script>
        <script type="text/javascript" src="js/atooltip.jquery.js"></script>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css" />
        <script>
            function ValidaCampos(form)  
            {  
                if(vacio(form.nombre.value))  
                    alert("Nombre Vacio");  
                else if(vacio(form.nick.value))  
                    alert("NickName vacio");  
                else if(vacio(form.email.value))  
                    alert("Email vacio");
                else if(vacio(form.pass.value))  
                    alert("password vacio");
                else if(vacio(form.pass2.value))  
                    alert("password confirmacion vacio");
                else if(!email(form.email.value))  
                    alert("Dirección de correo electrónico incorrecta.");  
                else if(!confirmacion(form.pass.value,form.pass2.value))  
                    alert("Passwords no coinciden");  
                else  
                //    return(true); 
                alert("Los datos son correctos");  
                return(false);  
            }  
           function email(txt){  
      
    
        var b=/^[^@\s]+@[^@\.\s]+(\.[^@\.\s]+)+$/  
          
        //comentar la siguiente linea si no se desea que aparezca el alert()  
        alert("Email " + (b.test(txt)?"":"no ") + "válido.")  
          
        //devuelve verdadero si validacion OK, y falso en caso contrario  
        return b.test(txt)  
}
            function vacio(cadena)  
            {                                      
                var blanco = " \n\t" + String.fromCharCode(13);  
                                      
                var i;                               
                var es_vacio;                      
                for(i = 0, es_vacio = true; (i < cadena.length) && es_vacio; i++)   
                    es_vacio = blanco.indexOf(cadena.charAt(i)) != - 1;  
                return(es_vacio);  
            }
            function confirmacion(pass,pass2)
            {
               var es_confirmacion;
               if(pass==pass2)
                es_confirmacion=true;   
               else
                   es_confirmacion=false;
               
                return(es_confirmacion);
            }
        </script>
    </head>
    <body>       
        <div class="extra">
            <div id="page_3">
                <div class="main">
                    <!--header -->

                    <table width="800" border="1" id="encabezado" > 
                        <tr> 
                            <td width="600" align="center"><p align="left"> <a target="frame"><img src="images/guatebay_logo.jpg" alt="">      </a>  </p> </td> 
                            <td width="800" align="center">
                                <br>    
                                <p align="right"> Usuario: <input type="text" name="txt1" size="20"> </p>
                                <p align="right"> Contraseña: <input type="text" name="txt1" size="20"> </p>
                                <p align="right"> <a href="http://www.google.com.gt" target="_self"> <input type="submit" name="boton" value="Iniciar" /> </a> </p>
                                <p align="right"> <a href="">Registrarse</a> <a href="">  Recuperar Contraseña</a> </p>   
                            </td> 
                        </tr>
                    </table>

                    <header>  
                        <br>  

                        <nav>
                            <ul class="menu">
                                <li><a href="Status.jsp">Status</a></li>
                            </ul>
                        </nav>
                    </header>




                    <!--header end-->
                    <!--content -->
                    <section class="content">
                        
                        <%
                        //Metodo para llenar la tabla de compras.
                        
                        
                        
                        

                        %>
                        
                        <table width="800" border="1" id="encabezado" > 
                        <tr> 
                            <td width="800" align="left">
                               <br> 
                               <h2>Resumen de pago</h2>
                               <br> 
                            </td>
                        </tr>     
                            <td width="800" align="center">
                                <p align="left">Status:  </p>
                                <p align="left">Vendedor:  </p>
                                <p align="left">Comprador:  </p>
                            </td>    
                        </tr>
                        <tr> 
                            <td width="800" align="left">
                               <br> 
                               <h2>Datos de envio</h2>
                               <br> 
                            </td>
                        </tr> 
                        <tr>     
                            <td width="800" align="center">
                                <p align="left">Nombre:  </p>
                                <p align="left">Direccion de entrega:  </p>
                                <p align="left">Ciudad:  </p>
                                <p align="left">Pais:  </p>
                                <p align="left">Codigo postal:  </p>
                            </td>    
                        </tr>    
                        <tr> 
                            <td width="800" align="left">
                               <br> 
                               <h2>Detalles de pago</h2>
                               <br> 
                            </td>
                        </tr> 
                        <tr>     
                            <td width="800" align="center">
                                <p align="left">Producto:  </p>
                                <p align="left">Tipo de envio:  </p>
                                <p align="left">Cantidad:  </p>
                                <p align="left">Precio:  </p>
                                <p align="left">Total:  </p>
                            </td>    
                        </tr> 
      </table>

                    </section>
                    <!--content end-->
                </div>
                <div class="block"></div>
            </div>
        </div>
        <div class="main">  
            <!--footer -->
            <footer>
                <ul class="icons">
                    <li>Análisis y Diseño de Sistemas 2 (Proyecto de Clase)</li>
                    <li><a href="#" class="normaltip"><img src="images/icon1.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon2.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon3.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon4.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon5.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon6.jpg" alt=""></a></li>
                </ul>
            </footer>
            <!--footer end-->
        </div>    
    </body>
</html>
